<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/foot.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <header></header>
    <div class="box">


        <div class="banner">
            <ul class="img">
                <li>
                    <a href="#"><img width="1520" height="520" src="../img/banner1.png" alt="第1张图片"></a>
                </li>
                <li>
                    <a href="#"><img width="1520" height="520" src="../img/banner2.png" alt="第2张图片"></a>
                </li>
                <li>
                    <a href="#"><img width="1520" height="520" src="../img/banner3.png" alt="第3张图片"></a>
                </li>
            </ul>
            <ul class="num"></ul>
            <ul class="des">
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="btn">
                <span class="prev"><</span>
                <span class="next">></span>
            </div>
        </div>

        <div class="video-module">
            <div class="container-1200">
                <div class="module-title">
                    <p>改变人类净饮方式</p>
                    <p class="text-1">AIR WATER HEALTHY LIFE</p>
                </div>
                <div class="video-box clearfix">
                    <div class="left-box">
                        <p class="text-1">改变人类净饮方式</p>
                        <p class="text-2"> 空气制水机可直接从空气中萃取<br> 水分，经七层过滤，制得直饮水。
                        </p>
                    </div>
                    <div class="right-box" style="background-color:#f1f1f1">
                        <video id="video" controls autoplay width="100%" height="100%">
                    <source src="1.mp4" type="video/mp4">
             </video> </div>
                </div>

            </div>
        </div>
        <div class="pro-module">
            <div class="container-1200">
                <div class="module-title">
                    <p>福能达空气制水机</p>
                    <p class="text-1">DRINKING&nbsp;FRESH&nbsp;WATER&nbsp;ENJOY&nbsp;PERFECTLIFE</p>
                </div>
                <div class="zsj-list">
                    <div class="pro-1">
                        <img src="../img/45.png" alt="商用直饮机智能开水机">
                    </div>
                    <div class="pro-box">
                        <div class="pro-2">
                            <img src="../img/46.png" alt="空气制水机冷热直饮机儿童锁开水机">
                        </div>
                        <div class="pro-2">
                            <img src="../img/47.png" alt="福能达KLR-50LA空气制水机">
                        </div>
                    </div>
                    <div class="pro-3">
                        <img src="../img/48.png" alt="家用智能空气制水机">
                    </div>
                    <div class="pro-4 pro">
                        <img src="../img/49.png" alt="空气制水茶吧机">
                    </div>
                    <div class="pro-4">
                        <img src="../img/50.png" alt="智能空气制水机">
                    </div>

                </div>
            </div>
        </div>
        <div class="pro-module" id="pro-module-1">
            <div class="container-1200">
                <div class="module-title">
                    <p>净水及空气净化产品</p>
                    <p class="text-1">DRINKING FRESH WATER ENJOY PERFECTLIFE</p>
                </div>
                <div class="jhq-list  clearfix">
                    <div class="item">
                        <img src="../img/51.png" alt="">
                    </div>
                    <div class="item">
                        <img src="../img/52.png" alt="">

                    </div>

                    <div class="item">
                        <img src="../img/53.png" alt="">

                    </div>

                </div>
            </div>
        </div>
    </div>
    <footer></footer>
</body>

</html>
<script src="../js/node_modules/_jQuery@1.7.4@jQuery/tmp/jquery.js"></script>
<script src="../js/index.js"></script>
<script>
    $("header").load("head.html header", function() {});

    $("footer").load("foot.html .footer", function() {})
</script>